
.block_footer {
  background-color: var(--footer-bg);
  color: var(--footer-color);
  padding: 80px 0;
}

.block_footer .footer_content {
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: 20px;
}

@media screen and (min-width: 768px) {
  .block_footer .footer_content {
    grid-template-columns: repeat(auto-fit, minmax(auto, 200px));
  }
}

.block_footer .footer_content .menu_item .logo {
  margin-bottom: 12px;
}

.block_footer .footer_content .menu_item .logo a {
  display: block;
  height: var(--logo-height);
  color: var(--footer-color);
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 600;
}

.block_footer .footer_content .menu_item .logo a img {
  height: 100%;
}

.block_footer .footer_content .menu_item.detail_text {
  width: 310px;
}

.block_footer .footer_content .menu_item .menu_title {
  text-transform: uppercase;
  margin-bottom: 12px;
}

.block_footer .footer_content .menu_item .menu_title a {
  color: inherit;
}

.block_footer .footer_content .menu_item.logo_menu .list li {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .block_footer .footer_content .menu_item.pc_menu .pc {
    display: block;
  }
  .block_footer .footer_content .menu_item.pc_menu .yd {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .block_footer .footer_content .menu_item.pc_menu {
    position: relative;
  }
  .block_footer .footer_content .menu_item.pc_menu::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff;
    opacity: 0.6;
    bottom: 0;
    transform: scaleY(0.5);
  }
  .block_footer .footer_content .menu_item.pc_menu::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff;
    opacity: 0.6;
    top: 0;
    transform: scaleY(0.5);
  }
  .block_footer .footer_content .menu_item.pc_menu.show_list .list {
    height: auto;
    margin: 10px 0;
    opacity: 1;
    text-align: center;
  }
  .block_footer .footer_content .menu_item.pc_menu.show_list .yd svg {
    transform: rotate(180deg);
  }
  .block_footer .footer_content .menu_item.pc_menu .list {
    overflow: hidden;
    height: 0;
    opacity: 0;
    transition: all 0.2s;
  }
  .block_footer .footer_content .menu_item.pc_menu .pc {
    display: none;
  }
  .block_footer .footer_content .menu_item.pc_menu .yd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    cursor: pointer;
  }
  .block_footer .footer_content .menu_item.pc_menu .yd:active {
    background-color: #cbd9ea21;
  }
  .block_footer .footer_content .menu_item.pc_menu .yd .menu_title {
    margin-bottom: 0;
  }
  .block_footer .footer_content .menu_item.pc_menu .yd svg {
    height: 10px;
    width: 10px;
    transition: all 0.2s;
  }
}

.block_footer .list li {
  padding: 6px 0;
}

.block_footer .list li a {
  color: inherit;
  position: relative;
}

.block_footer .list li a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -10px;
  opacity: 0;
  background-color: var(--footer-color);
  transition: all 0.1s;
}

.block_footer .list li a:hover::after {
  bottom: -5px;
  opacity: 1;
}

